.c-body
  //- 加载中
  .loadding(:class="loaddingClass")
    .load-txt 加载数据中...
    .load-ico

  //- 加载失败
  .loaded-fail(:class="loadedFailClass") {{loadedFail}}

  //- 加载成功
  div(:class="loadedSuccClass")

    //- 网页内容
    .c-content

      //- 导航条
      .bread-nav
        .crumbs
          router-link(to='/') 首页 >
          span &nbsp;&nbsp;产品详情

      //- 产品详情内容
      .c-prod-detail(v-if="visitProdType==0")
        //- 产品名称
        .c-prod-name
          h3 {{prodInfo.prod_name}}
        //- 产品基本信息
        .pure-g.c-prod-base-info

          //- 左边介绍
          .c-base-left.pure-u-1.pure-u-sm-1-1.pure-u-md-1-1.pure-u-lg-3-4.pure-u-xl-3-4

            //- 左边上部 电脑显示方式
            .pure-g.c-base-left-top-pc
              .pure-u-1.pure-u-sm-1-3.pure-u-md-1-3.pure-u-lg-1-3.pure-u-xl-1-3
                p
                  span(v-if='!prodInfo.tzqx') -
                  span(v-else v-text="prodInfo.tzqx")
                  span(v-if='prodInfo.tzqx') {{prodInfo.tzqx_unit}}
                span 投资期限
              .pure-u-1.pure-u-sm-1-3.pure-u-md-1-3.pure-u-lg-1-3.pure-u-xl-1-3
                p
                  span.riskL1(v-if="prodInfo.risk_level=='1'") 低
                  span.riskL2(v-else-if="prodInfo.risk_level=='2'") 较低
                  span.riskL3(v-else-if="prodInfo.risk_level=='3'") 中
                  span.riskL4(v-else-if="prodInfo.risk_level=='4'") 较高
                  span.riskL5(v-else) 高
                span 风险等级
              .pure-u-1.pure-u-sm-1-3.pure-u-md-1-3.pure-u-lg-1-3.pure-u-xl-1-3
                p
                  span {{prodInfo.tzqd}}
                  span {{prodInfo.tzqd_unit}}
                span 投资起点

            //- 手机端显示方式
            .c-base-left-top-mb
              div
                span.c-span-left 投资期限
                span.c-span-right(v-if='!prodInfo.tzqx' v-text="'-'")
                span.c-span-right(v-else v-text="prodInfo.tzqx + prodInfo.tzqx_unit")
              div
                span.c-span-left 风险等级
                span.riskL1.c-span-right(v-if="prodInfo.risk_level=='1'") 低风险
                span.riskL2.c-span-right(v-else-if="prodInfo.risk_level=='2'") 较低风险
                span.riskL3.c-span-right(v-else-if="prodInfo.risk_level=='3'") 中风险
                span.riskL4.c-span-right(v-else-if="prodInfo.risk_level=='4'") 较高风险
                span.riskL5.c-span-right(v-else) 高风险
              div
                span.c-span-left 投资起点
                span.c-span-right {{prodInfo.tzqd}} {{prodInfo.tzqd_unit}}

            //- 左边下部
            .pure-g.c-base-left-bottom
              .pure-u-1.pure-u-sm-1-1.pure-u-md-2-5.c-base-left-bottom-left
                div
                  span.c-span-left 最低追加
                  span.c-span-right {{prodInfo.zdzj}} {{prodInfo.zdzj_unit}}
                div
                  span.c-span-left 份额面值
                  span.c-span-right {{prodInfo.cpmz}} {{prodInfo.cpmz_unit}}
                div
                  span.c-span-left 产品类型
                  span.c-span-right(v-text="prodInfo.type || '-'")

              .pure-u-1.pure-u-sm-1.pure-u-md-3-5.c-base-left-bottom-right
                div
                  span.c-span-left 产品子类型
                  span.c-span-right(v-text="prodInfo.sub_type || '-'")
                div
                  span.c-span-left.c-cpgl 产品管理人
                  span.c-span-right.c-cpglr(v-text="prodInfo.manager || '-'")

                //- 清除浮动
                .c-clearfix

          //- 右边购买
          .c-base-right.pure-u-1.pure-u-sm-1-1.pure-u-md-1-1.pure-u-lg-1-4.pure-u-xl-1-4
            .c-tzqd
              p(v-if="prodInfo.yxgm=='true'")
                input(type="text" v-model='entrust_balance' v-bind:placeholder="prodInfo.tzqd")
                span {{prodInfo.tzqd_unit}}
              p(v-else)
                span {{prodInfo.tzqd}}
                span {{prodInfo.tzqd_unit}}
            .pure-button.pure-button-primary(v-if="prodInfo.yxgm=='true'" @click.stop.prevent="purchase()") 购买
            .pure-button.pure-button-disabled(v-else) 尚未开放购买功能

        .c-prod-tab-info
          .c-prod-tab
            .c-tab-nav
              ul
                li(v-for="(nav, index) in tabNav" @mouseover="tabNavSta=index" v-bind:class="{'cur-tab-nav': tabNavSta==index}") {{nav}}
                .c-tab-right
            .c-tab-nav-mb.pure-g
              .pure-u-1-4(v-for="(nav, index) in tabNav" @mouseover="tabNavSta=index" v-bind:class="{'cur-tab-nav': tabNavSta==index}") {{nav}}

            .clearfloat

            //- 产品详情
            .c-detail-tab(v-show="tabNavSta==0")
              //- 基金概况
              h4 基本概况
              .c-jjgk.pure-g
                .c-jjgk-left.pure-u-1.pure-u-sm-1-1.pure-u-md-1-1.pure-u-lg-1-2.pure-u-xl-1-2
                  .data-row
                    span.left 产品代码
                    span.right {{prodInfo.prod_code}}
                  .data-row
                    span.left 产品名称
                    span.right {{prodInfo.prod_name}}
                  .data-row
                    span.left 产品类型
                    span.right(v-text="prodInfo.type || '-'")
                  .data-row
                    span.left 产品子类型
                    span.right(v-text="prodInfo.sub_type || '-'")

                  .data-row
                    span.left 产品结构
                    span.right(v-text="prodInfo.struct || '-'")
                  .data-row
                    span.left 产品管理人
                    span.right(v-text="prodInfo.manager || '-'")

                .c-jjgk-right.pure-u-1.pure-u-sm-1-1.pure-u-md-1-1.pure-u-lg-1-2.pure-u-xl-1-2
                  .data-row
                    span.left 产品推广人
                    span.right(v-text="prodInfo.cptgr || '-'")
                  .data-row
                    span.left 产品成立日期
                    span.right(v-text="prodInfo.cpcl_date || '-'")
                  .data-row
                    span.left 登记结算机构
                    span.right(v-text="prodInfo.djjs_org || '-'")
                  .data-row
                    span.left 产品状态
                    span.right(v-text="prodInfo.prod_statu || '-'")
                  .data-row
                    span.left 托管人
                    span.right(v-text="prodInfo.custodian || '-'")
                  .data-row
                    span.left 产品到期日
                    span.right(v-text="prodInfo.came_date || '-'")

              h4 申购认购
              .c-sgrl.pure-g
                .c-sgrl-left.pure-u-1.pure-u-sm-1-1.pure-u-md-1-1.pure-u-lg-1-2.pure-u-xl-1-2
                  .data-row
                    span.left 产品募集期
                    span.right(v-if='!prodInfo.sub_begin_date') - 到 {{prodInfo.sub_end_date}}
                    span.right(v-else) {{prodInfo.sub_begin_date}} 到 {{prodInfo.sub_end_date}}
                  .data-row
                    span.left 产品起息日
                    span.right {{prodInfo.value_date}}
                  .data-row
                    span.left 产品申购期
                    span.right(v-if='!prodInfo.pur_end_date && !prodInfo.pur_begin_date') -
                    span.right(v-else-if="prodInfo.pur_begin_date && !prodInfo.pur_end_date") {{prodInfo.pur_begin_date}} 到 -
                    span.right(v-else-if="!prodInfo.pur_begin_date && prodInfo.pur_end_date") - 到 {{prodInfo.pur_end_date}}
                    span.right(v-else) {{prodInfo.pur_begin_date}} 到 {{prodInfo.pur_end_date}}
                  .data-row
                    span.left 是否可赎回
                    span.right(v-if="prodInfo.is_redeption_status=='false'") 否
                    span.right(v-else-if="prodInfo.is_redeption_status=='true'") 是
                    span.right(v-else) -
                  .data-row
                    span.left 投资及收益币种
                    span.right(v-text="prodInfo.currency || '-'")
                  .data-row
                    span.left 份额面值
                    span.right {{prodInfo.cpmz}} {{prodInfo.cpmz_unit}}
                  .data-row
                    span.left 业绩比较基准(年化)
                    span.right(v-text="prodInfo.yqsyl || '-'")
                  .data-row
                    span.left 计算投资收益基础天数
                    span.right(v-if='!prodInfo.earning_days') -
                    span.right(v-else) {{prodInfo.earning_days}} 天

                .c-sgrl-right.pure-u-1.pure-u-sm-1-1.pure-u-md-1-1.pure-u-lg-1-2.pure-u-xl-1-2
                  .data-row
                    span.left 投资期限
                    span.right(v-if='!prodInfo.tzqx') -
                    span.right(v-else) {{prodInfo.tzqx}} {{prodInfo.tzqx_unit}}
                  .data-row
                    span.left 投资期限类型
                    span.right(v-if="prodInfo.tzqxlx=='1'") 短期
                    span.right(v-else-if="prodInfo.tzqxlx=='2'") 中期
                    span.right(v-else-if="prodInfo.tzqxlx=='3'") 中长期
                    span.right(v-else-if="prodInfo.tzqxlx=='4'") 无期限
                    span.right(v-else) -
                  .data-row
                    span.left 投资品种
                    span.right(v-if="prodInfo.tzpz=='1'") 固定收益类
                    span.right(v-else-if="prodInfo.tzpz=='2'") 权益类
                    span.right(v-else-if="prodInfo.tzpz=='3'") 期货，融资融券，信托
                    span.right(v-else-if="prodInfo.tzpz=='4'") 复杂或高风险金融产品
                    span.right(v-else-if="prodInfo.tzpz=='5'") 其他
                    span.right(v-else) -
                  .data-row
                    span.left 投资起点
                    span.right {{prodInfo.tzqd}} {{prodInfo.tzqd_unit}}
                  .data-row
                    span.left 最低追加
                    span.right {{prodInfo.zdzj}} {{prodInfo.zdzj_unit}}
                  .data-row
                    span.left 认购单元
                    span.right(v-if= '!prodInfo.rgdy' v-text="'-'")
                    span.right(v-else v-text="prodInfo.rgdy + prodInfo.rgdy_unit")
                  .data-row
                    span.left 兑付安排
                    span.right(v-text="prodInfo.dfap || '-'")
                  .data-row
                    span.left 计划发行规模上限
                    span.right(v-text="prodInfo.limit || '-'")

              //- 基金概况
              h4 产品投资范围
              .c-cptzfw
                p(v-text="prodInfo.invscope || '-'")

              //- 基金概况
              h4 产品费率
              .c-cpfl
                p(v-text="prodInfo.cpfl || '-'")

              h4 备注
              .c-zrgz
                p(v-if='!prodInfo.remark') -
                p(v-else v-html="prodInfo.remark")

            //- 产品净值
            .c-net-tab(v-show="tabNavSta==1")
              .c-net-cont(v-show="!isShowNet")
                #net_tab.pure-g.c-net-tab-header
                  .pure-u-1-4.c-th 净值日期
                  .pure-u-1-4.c-th 份额净值
                  .pure-u-1-4.c-th 累计净值
                  //- .pure-u-1-4.c-th 净值增长率
                table.pure-table.pure-table-horizontal
                  tbody#c-tab-body
                    tr(v-for="net in prodNet")
                      td {{net.init_date}}
                      td {{net.nav}}
                      td {{net.nav_total}}
                      //- td(:class="{'c-minus-rate':net.net_rate<0,'c-positive-rate':net.net_rate>=0}") {{net.net_rate}}%

                //- 显示更多
                .c-view-more
                  a(href='javascript:void(0);' @click.stop.prevent='gotoPage(prodInfo.prod_code, pageNet-1+2, 0)')
                    span {{viewMoreNet}}

              //- 无数据的提示
              .c-net-tip(v-show="isShowNet")
                p 暂无数据

            //- 产品公告
            .c-notice-tab(v-show="tabNavSta==2")
              ul.article-list
                li(v-for="notice in notices" @click.stop.prevent='goNoticeDetail(notice._id)')
                  a.clearfix
                    .pure-g
                      .pure-u-18-24
                        .article-title {{notice.file_title}}
                      .pure-u-6-24
                        .publish-date {{notice.updated_at}}

              //- 显示更多
              .c-view-more(v-show="!isShowNotice")
                a(href='javascript:void(0);' @click.stop.prevent='gotoPage(prodInfo.prod_code, pageNotice-1+2, 1)')
                  span {{viewMoreNotice}}

              //- 无数据的提示
              .c-notice-tip(v-show="isShowNotice")
                p 暂无数据

            //- 法律文件
            .c-law-tab(v-show="tabNavSta==3")
              ul.article-list
                li(v-for="law in prodLaw" @click.stop.prevent='goLawDetail(law._id)')
                  a.clearfix
                    .pure-g
                      .pure-u-18-24
                        .article-title {{law.agreement_name}}
                      .pure-u-6-24
                        .publish-date {{law.operator_date}}

              //- 显示更多
              .c-view-more(v-show="!isShowLaw")
                a(href='javascript:void(0);' @click.stop.prevent='gotoPage(prodInfo.prod_code, pageLaw-1+2, 2)')
                  span {{viewMoreLaw}}

              //- 无数据的提示
              .c-law-tip(v-show="isShowLaw")
                p 暂无数据

      //- 用户未做风险测评时的提示
      div.risk-tips-cont.tips-nodo-rist(v-if="visitProdType==2")
        .c-risk-tips-img
        span.risk-tips 风险提示
        .risk-reason.norisk-reason
          div.xuxian
          p.first 您尚未完成我司
            span.quest_surv  &lt;&lt;投资者风险能力调查评估与问卷&gt;&gt;,
          p.last 无法查看该产品的详细信息。
          div.xuxian
        div.go_link.go_link_norisk
          a.link_rerisk(href='javascript:void' @click.stop.prevent='doRiskExam(1)') 风险测评
          a.link_back(href='javascript:void' @click.stop.prevent="doRiskExam(2)") 返回首页

      //- 产品风险高于用户风险承受能力提示
      div.risk-tips-cont(v-if="visitProdType==3")
        .c-risk-tips-img
        span.risk-tips 风险提示
        .risk-reason.big-reason
          div.xuxian
          p.first 您拟投资的金融产品或拟接受的金融服务
            span.product_name {{prodObj.prod_name}}
            | 存在下列情况：
          .risk_l.risk_match(v-if="isShowRisk")
            span 其风险等级为
            span.risk_level {{prodObj.risk_level_name}}
            span ，与您在客户风险评估中所显示的风险承受能力等级
            span.risk_level {{userInfo.risk_level_name}}
            span.ml16 不一致。
          p.risk_tzqx(v-if="isShowTzqx")
            span 其投资期限为
            span.prod_tzqx {{prodObj.tzqxlx_name}}
            span ，与经你确认的预计
            span.user_tzqx {{userInfo.tzqx_name}}
            span 不一致。
          p.risk_tzpz(v-if="isShowTzpz")
            span 其所属的投资品种为
            span.prod_tzpz {{prodObj.tzpz_name}}
            span ，与您确认投资品种
            span.user_tzpz {{userInfo.tzpz_name}}
            span 不一致。
          p.last
            span 请您充分了解自身风险承受能力水平及产品风险属性。
          div.xuxian
        div.go_link.go_link_big
          a.link_rerisk(href='javascript:void' @click.stop.prevent='doRiskExam(1)') 风险再测评
          a.link_back(href='javascript:void'  @click.stop.prevent='doRiskExam(2)') 返回首页

      //- 风险测评都匹配，承诺书未签署时提示
      div.risk-tips-cont.tips-commit(v-if="visitProdType==4")
        .c-risk-tips-img
        span.risk-tips 风险提示
        .risk-reason.big-reason
          div.xuxian
          p.first 您尚未完成我司
            span.quest_surv &lt;&lt;私募投资基金合格投资者承诺书&gt;&gt;,
          p.last 无法查看该产品的详细信息。
          div.xuxian
        div.go_link.go_link_commit
          a.link_rerisk(href='/risk') 签署承诺
          a.link_back(href='/') 返回首页